<template>
    <div style="padding: 20px;">
        <el-table
      :data="list"
      > 
       <el-table-column
        prop="date"
        label="排名"
        width="180">
        <template slot-scope="{$index}">
            {{ $index+1 }}
        </template>
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="phone"
        label="性别"
        width="180">
        <template slot-scope="{row}">
            {{ row.sex==1?'男':'女'}}
        </template>
      </el-table-column>
      <el-table-column
        prop="phone"
        label="手机号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="jifen"
        label="积分"
        width="180">
      </el-table-column>
    
    </el-table>
    </div>
</template>

<script>
import api from "@/api/index"
    export default {
        data() {
            return {
               list:[]
            }
        },
        mounted () {
            this.getList();
        },
        methods: {
            getList(){
                api.userlist().then(res=>{
                    this.list=res.data.list
                    console.log(res);
                })
            }
        },
    }
</script>

<style lang="scss" scoped>
 v-::deep .aa .el-tabs__item{
    font-size:22px !important;
}
.list{
    .item{
        padding: 20px ;
        margin-top: 20px;
        border: 1px solid #ddd;
        .bottom{
            padding: 10px 0;
        }
        .product{
            margin-top: 10px;
            display: flex;
            .left{
                img{
                    margin-right: 20px;
                    width: 100px;
                    height: 100px;
                }
            }
        }
    }
}
.shanchu{
      text-decoration: line-through;
}
</style>